<template>
  <div class="hello">
    <h1>{{ msg }}</h1>
    <el-button
        icon="el-icon-goods"
        round
        type="primary"
        class="disbt"
        @click="$router.push('/fornt')">商品展示</el-button>
    <el-button @click="$router.push('/goodscart')" icon="el-icon-shopping-cart-2" round type="warning">查看购物车</el-button>
    <el-button @click="$router.push('/ordercheck')" icon="el-icon-tickets" round type="success">查看已支付订单</el-button>
  </div>
</template>

<script>
export default {
  name: 'HelloWorld',
  data(){
    return{
      msg:"欢迎选购商品！",
    }
  }
}
</script>

<style>
.h1{
  position: center;
}
.disbt{
  left: 50%;
  top: 50%;
}
</style>
